html {

    font-size: calc(100vw/750*100);
  }
  
  body {
    font-size: .14rem;
  }
  
  html,
  body {
    width: 100%;
    height: 100%;
  }

  .detail{
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      background:#F5F5F9;
      header{
          width: 100%;
          height: 1rem;
          border-bottom: 1px solid #999;
          background:#fff;
          .spone{
              font-size: .5rem;
              margin-left: .2rem;
          }
          .sptwo{
              font-size: .4rem;
              margin-left: 2.5rem;
          }
      }
      main{
          flex: 1;
          overflow: auto;
          h2{
            font-weight: bold;
            font-size: .18rem;
            text-align: center;
        }
    .question{
        background:#fff;
width:100%;
padding:.2rem;
img{
    width:100%;
}
h3{
    font-weight: bold;
}
p{
    line-height: .6rem;;
}
    }
    .look{
        background:#fff;
        padding:.2rem;
    }
      }
      footer{
          width: 100%;
          height: 2rem;
          border-top: 1px solid #999;
          display: flex;
          .one{
              flex: 1;
              display: flex;
              i{
                  flex: 1;
                  font-size: .6rem;
                  text-align: center;
              }
          }
          .two{
              flex: 1;
              display: flex;
              .btnone{
                  flex: 1;
                  background: orange;
                  border: none;
                  outline: none;
                  color: #fff;
              }
              .btntwo{
                  flex: 1;
                  background: skyblue;
                  border: none;
                  outline: none;
                  color: #fff;
              }
          }
      }
  }